@charset "utf-8";
/* CSS Document */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;position:relative}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:35px; margin:0; padding:0 0 20px 0; line-height:40px; color:#003f8b;}
h2 { font-size:18px; margin:0; padding:8px 0; line-height:35px; color:#444;}
h3 { font-size:18px; margin:0; padding:10px 0; line-height:24px; color:#255a8d;}
h4 { font-size:17px; margin:0; padding:0; line-height:24px; color:#255a8d; font-weight: normal;}
h5 { font-size:14px; margin:0; padding:10px 0; line-height:24px; color:#2e4093;}
p { font-size:18px; margin:0px; padding:8px 0; line-height:26px;  color:#585970;}
a { color:#255a8d; font-weight:normal; text-decoration:none;}
p span {color:#255a8d; font-weight:bold; text-decoration:none; }

h1 img{vertical-align:middle;}

ul.services,ul.services1,ul.services2,ul.services3 { margin:10px 0; padding:0px; text-align:left;}
ul.services li {color:#58595b; font-weight: normal; margin:0 15px; line-height:26px;  font-size:17px;}
ul.services1 li {color:#003f8b; padding:0 5px; margin:0 15px; line-height:26px; font-size:19px; font-weight: normal;}
ul.services2 li {color:#585970; padding:0 5px; margin:0 15px; line-height:26px; font-size:15px; font-weight: normal;}
ul.services3 li {color:#585970; padding:0 5px; margin:15px 15px; line-height:28px; font-size:17px; font-weight: normal;}

.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: 0.9; position: fixed; bottom: 50px; right: 100px; display: none; background: url(../images/icon_top.png) no-repeat; }

.wrapper { width:1170px; margin:0 auto;}
.header-inn { width:1150px; margin:0 auto;}

.row { float:left; width:100%; margin:20px 0; padding:0px;}
.row-left { float:left; width:30%;}
.row-right { float: right; width:67%;}

.row2 { float:left; width:100%; margin:20px 0; padding:0px;}
.row2-left { float:left; width:48%;}
.row2-right { float: right; width:48%;}

.gas-safe { float:left; width:100%; margin:20px 0; padding:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.gas-safe-left { float:left; width:48%;}
.gas-safe-img { float:right; margin-left:15px;}
.gas-safe-right { float: right; width:48%;}

.register { float:left; width:100%; margin:10px 0; padding:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.register-left { float:left; width:68%;}
.register-right { float: right; width:30%;}


.col { float:left; width:100%; margin:20px 0; padding:0px;}
.col-left { float:left; width:66%;}
.col-right { float: right; width:30%;}

.services { float:left; width:100%; margin:10px 0 20px; padding:0px;}
.services-left { float:left; width:48%;}
.services-right { float: right; width:48%;}
.services-left ul,.services-right ul { margin:0px; padding:0px;}
.services-left li,.services-right li {color:#2e4093; font-weight: normal; margin:0 15px; line-height:26px;  font-size:17px;}

.videos { float:left; width:100%; margin:20px 0; padding:0px; text-align: left;}
.video-left { float:left; width:48%;}
.video-left h1,.video-right h1 { color:#f03; font-weight:normal; font-size:19px; margin:10px 0; font-family:Arial, Helvetica, sans-serif;}
.video-right { float:right; width:48%;}

#worcester-full { text-align:center;float:left; width:100%; margin:0; padding:30px 0; background:url(../images/worcester-full.png) top left no-repeat; background-size:100% 100%;}
#worcester-full h1 { color:#fff;}
#worcester-full p { color:#fff; font-weight:bold; line-height:26px;}

#find-us { float:left; width:100%; padding:30px 0; background-color:#f08221; text-align:center;}
#find-us h1 { color:#fff; font-size:35px;}
#find-us h2 { color:#fff; font-size:30px; line-height:40px; font-weight:normal;}

.worcester { float:left; width:100%; margin:10px 0; padding:20px 0;}
.worcester-left { float:left; width:48%;}
.worcester-right { float: right; width:48%;}

.boilers-types { float:left; width:100%; margin:15px 0; padding:20px 0; border-bottom:1px solid #444;}
.boilers-types-left { float:left; width:58%;}
.boilers-types-right { width:34%; float:right;}

#boilers-types-img {float:left; width:100%;}
.boilers-types-img { float:left; width:100%; margin:20px 0; padding:20px 0;border-bottom:1px solid #444;}
.boilers-types-img ul { margin:0px; padding:0px;}
.boilers-types-img li { list-style:none; width:30%; margin:0 12px 0; text-align: center; display:inline-block;}
.boilers-types-img li h3 { font-size:16px;}
.boilers-types-img li img { width:100%;}

#heating-system { float: left; width:100%;}
.heating-system-left { width:70%; float:left; text-align:center;}
.heating-system-right { float:right; width:25%;  text-align:center; margin:20px 0 0;}
.heating-system-right-img { float:left; width:100%; margin-bottom:10px; }
.click-here { margin:0 auto; text-align: center; width:80%;}
.click-here a { background-color:#0a5ba9; padding:20px; color:#fff; display:inline-block; line-height:25px;}
.click-here a:hover { background-color:#00b1e9;}

.heating-controls {float: left; width:100%; margin:20px 0;}
.heating-controls ul { margin:0px; padding:0px;}
.heating-controls li h1 { margin:10px 0 0;}
.heating-controls li { list-style:none; margin:0 25px 0 0; display:inline-block; width:30%; text-align: left; vertical-align:top;line-height:25px; color:#444; font-weight:bold;}

.heating-video {float: left; width:100%; margin:20px 0;}
.heating-video-left { float:left; width:48%;}
.heating-video-right { float:right; width:48%;}

.plumbing {float: left; width:100%; margin:20px 0;}
.plumbing-left {float:left; width:48%;}
.plumbing-right {float:right; width:48%;}

.finance-table { float:left; width:100%; margin:0; padding:10px 0; background-color:#273572;}
.finance-table table { border-collapse: collapse;}
.finance-table table { color:#fff;}
.finance-table th,.finance-table td {color:#fff; padding:10px;}
.finance-table td {border-right:1px solid #fccb27; border-bottom:2px solid #9097b3;}
.finance-table td:last-child { border-right:0px;}
.finance-table .total-amount td { font-weight:bold; color:#fccb27;}


#header-top { float:left; width:100%; padding:10px 0; background:#f79633; position:fixed; z-index:99;}
.header-top { float:right; }
.header-top ul { margin:0px; padding:0px;}
.header-top li { list-style:none; float:left;  margin:0px;padding:0px; color:#fff; font-weight:none; font-size:14px; line-height:17px;}
.header-top li img { vertical-align:middle; }
.header-top li a { color:#fff; font-weight:bold; font-size:14px; line-height:17px;}


#headernew { float:left; width:100%; padding:50px 0 35px 0; background-color:#434478;}


#header { float:left; width:100%; padding:50px 0 35px 0; background-color:#0b4da0;}
.logo { float:left; width:57%; padding:17px 0 0;}

.header-mid-part {float: left;margin:30px 0 0;text-align: left; width:22%;}
.header-mid-part h2 { color:#fff;font-size:30px;}
.header-mid-part h2 span { float:left; margin-right:10px; }
.header-mid-part h2 a { color:#fff;font-size:30px; font-weight:bold;}

.header-right { float: right; width:20%; margin:20px 0 0; text-align:center;}

.menu { width:100%; float:left; margin:0px; padding:0px; text-align:center; background:#f79633;}
.menu-inn {margin:0 auto;width:1150px; max-width:100%; padding:0px; }
.menu ul { margin:0px; padding:0px;}
.menu li {float:left; list-style:none; padding:0px; }
.menu li a { color:#fff; text-decoration:none;}
.menu li a:hover,.menu li.active { background:#0b4da0 ; color:#fff;}

.customer-reviews { float:left; width:100%; margin:15px 0; text-align:center;}
.customer-reviews h1 { font-size:30px; margin:0 0 20px;}
.customer-reviews h2 { float:left; margin-right:15px;}
.feed-back-btn { margin:12px 0px; display:inline-block;} 
.feed-back-btn a {  border:1px solid #ababac; color:#000; padding:7px 20px; border-radius:15px;}
.feed-back-btn a:hover { background:#58585e; color:#fff;}

.customer-reviews-box { float:left; width:100%; margin:10px 0; padding:20px 0; border-bottom:1px solid #444;}

#trading-hours { float:left; width:100%; margin:0; padding:20px 0; background-color:#0b4da0; text-align:center;}
#trading-hours h1 { color:#fff; font-size:30xp; font-weight:bold; padding:20px 0;}
.trading-hours-box { float: none; display: inline-block; width: auto; padding:0 50px; border-right:2px solid #a1a2bc; text-align:left;}
.trading-hours-box h2 { color:#f79633;}
.trading-hours-box p { color:#fff;margin:0px; padding:4px 0; font-weight:bold;}
.trading-hours-box p span { float: left; width:200px; margin-right:12px;color:#fff;}
.trading-hours-box:last-child { border:0px;}


#slider { float:left; width:100%; margin:0px; padding:0px;}
#slider img { width:100%; float:left;}

#box-pen { float:left; width:100%; margin:0; background-color:#0b4da0; padding:25px 0; text-align:center;}
.box-1 { float:left; width:24%; margin:0 14px 0 0;}
.box-1:last-child { margin:0px; border:0px;}


#content { float:left; width:100%; margin:20px 0; padding:0px;}
.home-img { float: left;margin-right:20px; margin-bottom:5px;}
.content-left { float:left; width:62%;}
.content-left h1 { padding:0px;}
.content-left h2 { line-height:26px; font-size:18px;margin:12px 0 20px;     color: #58585a;}
.content-right { float:right; width:32%;}

.pic-img { float:left; width:100%; text-align:center; margin-bottom:15px;}
.pic-img img {  width:100%;}

#accreditations {float:left; width:100%; margin:30px 0; padding:20px 0; text-align:center; border-bottom:1px solid #000; border-top:1px solid #000 }
.accreditations  {float:left; width:100%; margin:0; padding:20px 0; text-align:left;}
.accreditations-left h1 { float:left; width:24%; border-right:2px solid #d5d5d5; padding-bottom:12px; display:inline-block; color:#003f8b; font-size: 34px; font-weight:bold}
.accreditations-left p { float:right; width:72%; font-size:17px; margin:0px; padding:0px; text-align:left;}

.accreditations-logo { float: left; width:100%; text-align:left; margin:30px 0 0; text-align:center;}
.accreditations-logo ul { margin:0px; padding:0px;}
.accreditations-logo li { list-style:none; display:inline-block; margin:5px 12px; padding:0px; vertical-align:middle;}


#booking { float:left; width:100%; margin:0;}
.booking { float:left; width:100%; padding:25px 0; background:#dedee0;}
.booking-left { float:left; width:80%;}
.booking-left h1 { font-size:30px;  margin:0px; padding:0px; font-weight: bold; color:#333366;}
.booking-left p { font-size:18px; padding:12px 0 8px; font-weight:bold; color:#58585a;}
.booking-right { float: right; width:15%;}
.booking-right .btn { float:left; width:100%; margin:15px 0;}
.booking-right .btn a { text-decoration:none; color:#fff; text-transform:none; background:#333366; font-size:18px; padding:10px 25px; border-radius:12px; font-weight: bold; }
.booking-right .btn a:hover { background:#3b3b85; }


#offers {background: url('../images/our-services-banner.png') no-repeat scroll left top / 100% 100%; float: left;margin: 0; padding:30px 0; text-align: center; width: 100%;}
.offers-1 { display: inline-block; float: none; margin: 0 auto; vertical-align: top;}
.offers-1 ul { margin: 0; padding: 0;}
.offers-1 li { background:url('../images/dot.png') no-repeat scroll 0 6px;color: #fff; font-size:16px; line-height:25px; list-style:none; margin: 0 15px; padding: 0 20px; text-align: left;}
#offers p { color: #fff; font-size: 26px; margin: 0; padding: 10px 0 15px; line-height:30px;}
#offers h2 { color: #fff; font-size: 22px; margin: 0; padding: 0 0 15px;}
#offers .btn { float:left; width:100%; margin:40px 0 10px;}
#offers .btn a { text-decoration:none; color:#fff; background:#00b1e9;text-transform:none; font-size:16px; padding:8px 25px; border-radius:10px; font-weight: bold; }
#offers .btn a:hover { background:#07488e;}


#areas {float:left; width:100%; margin:0; padding:20px 0; text-align:center; background:#434478;}
#areas h1 {display:inline-block; margin:0px; padding:0px; color:#fff;}
#areas p{color:#fff; font-size:17px;}

#map{ float:left; width:100%; margin:0px 0;}
#map img { width:100%; float:left;} 
#map iframe { float:left;}

#footer { float:left; width:100%; background:#818285; padding:15px 0;}
.footer-1 { float:left; width:25%; padding:0 15px; border-left:1px solid #a8a9ac; }
.footer-1 ul { margin:0px; padding:0px;}
.footer-1 li { list-style:none; margin:0 10px; padding:0px;}
.footer-1 li span { float: left; margin-right:12px}
/*.footer-1 li span { float: left; margin-right:12px; min-height:90px;}*/
.footer-1 li h2 { color: #fff; font-size: 18px; font-weight: bold; line-height:26px; margin: 0; padding: 0 0 24px;}
/*.footer-1 li h2 { color: #fff; font-size: 18px; font-weight: bold; line-height:26px; margin: 0; padding: 0 0 10px;}*/
.footer-1 li b { font-weight:normal; margin-top:6px; display:block;}
.footer-1 li h3 { font-size:22px; color:#fff; margin:0px; padding:0px;}
.footer-1 .phone span { min-height:30px;}
.footer-1 li p { margin:0px; padding:0px; font-size:18px; line-height:26px; color:#fff;}
.footer-1 li.phone { float: left; width: 100%; padding:25px 0 10px;}
.footer-1 li.phone a {font-size:14px; line-height:20px; color:#fff; text-decoration:none;}

.footer-2 { float:left; width:30%; padding:0px 15px; border-left:1px solid #a8a9ac; border-right:1px solid #a8a9ac;}
.footer-2 h2 { color:#fff; margin:0px; padding:0 0 10px; color:#fff;}
.footer-2 ul { margin:0px; padding:0px; float:left; width:48%;}
.footer-2 li { margin:0px; padding:0 0 5px; line-height:13px;color:#fff;font-size:10px; list-style:none;}
.footer-2 li a { color:#fff; font-weight: bold; }
.footer-2 li a:hover { color:#000;}

.footer-3 { float:left; width:30%; padding:0 8px; margin-left:15px;}
.footer-3 h2 { color:#fff; margin:0px; padding:0 0 10px;}
.footer-3 ul { margin:0px; padding:0px; float:left; width:50%;}
.footer-3 li { margin:0px; padding:0 0 5px; font-size:9px; line-height:12px; color:#fff;}


.footer-4 { float: left; width:5%; padding:0 15px;  border-left:1px solid #a8a9ac; border-right:1px solid #a8a9ac;}
.footer-4 ul { margin: 0px; padding: 0px; }
.footer-4 li { padding:5px 0; float: left; width: 100%; list-style: none; }

#copyright { float:left; width:100%; background:#555658;}
#copyright p { text-align:right; color:#fff;}
#copyright p span { font-size:22px;color:#fff; vertical-align:middle;}
#copyright p a { text-decoration:none; color:#fff; font-weight:bold;}

.contact { float:left; width:100%; margin:20px 0 0;}
.contact-left { float:left; width:48%;}
.contact-left h1 { text-align: center;}
.contact-form { float: left; width: 100%; border-radius:20px; background:#f2f1f1; padding:15px; }
.contact-form h1 { text-align:center; margin:5px 0 15px 0;}
.contact-form p { font-weight: normal; font-size: 15px; padding: 5px 0 5px 0; }
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 10px; }
.label, .field { float: left; width: 100%; color: #58595b; font-size: 15px; padding:3px 0; }
.field .input { border: 1px solid #808285; line-height: 30px; width: 100%; padding: 0 5px; border-radius:5px; }
.label label { font-size: 16px; color: #58595b; font-weight: normal; }
.formrow a { color: #c61f2d; text-decoration: none; }
.formrow.captcha_input input { float: left; border: 1px solid #d5d5d5; line-height: 35px; padding: 0 5px; }
.pad1 { text-align: center; }
.field textarea.input { line-height: 16px;}
.formrow.captcha { float:left; width:100%;}
.formrow.captcha #captcha {float: left; margin: 0 10px 0 0; padding:0 5px 0; width: 120px; line-height:36px; border: 1px solid #cccccc;}
.imgcaptcha { border: 1px solid #cccccc; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}
.formrow.pad1 input { background: #002f54; border: 0 none; color: #fff; font-size: 17px; padding: 8px 50px; border-radius: 6px; }
.formrow.pad1 input:hover { background: #0e4875; cursor: pointer; }

.contact-right { float:right; width:48%; text-align: center; margin-bottom:20px; padding:0 30px;}
.contact-right h3 { font-size:22px; font-weight:normal; line-height:30px;}
.contact-right .address { float:left; width:100%; margin:20px 0;}
.contact-right .address h4 {margin:0px; padding:4px 0; color:#585861; font-size:20px;}
.contact-right .address h2 { margin:0px; padding:0px; color:#002f54; font-weight:bold; font-size:30px;}
.contact-right .address h2 a { font-size:22px; font-weight:bold;}

.space { float:left; width:100%; margin:20px 0; padding:0px;}
.space2 { float:left; width:100%; margin:10px 0; padding:0px;}

#meet-the-team { float:left; width:100%; margin:0 0 20px; padding:0px;}
#meet-the-team h1 { margin:20px 0; font-size:30px; }
#meet-the-team ul { margin:0px; padding:0px;}
#meet-the-team li { min-height: 750px; text-align:center; vertical-align:top; list-style:none; display:inline-block; margin:0 10px 0 0; width:24%; background-color:#58585a; padding:20px;border-radius:6px;}
#meet-the-team li h2 { color:#fff;}
#meet-the-team li p { color:#fff;}
#meet-the-team .team-img img { width:100%; border-radius:6px;}
#meet-the-team li:last-child { float:right; margin:0px;}


.payment { float: left; width: 100%;}
.terms-btn { float: left; margin-top:10px;}
.terms-conditions { float: left; margin: 15px 0; width: 100%;}
.terms-conditions  h2 { float: left;  margin-right: 20px;}
.terms-btn a { background-color: #00aeed;border-radius: 10px; padding:12px 20px; color: #fff;}
.terms-btn a:hover { background-color:#16478c;}


/*.payment-img { float: left; margin-right: 20px; min-height: 160px;}
.payment h2 { margin: 0; padding: 0;}
.payment p { margin: 0;  padding: 0;}
.payment .services { float: left; width: auto;}
.cover-plan-system { float: left; margin: 15px 0; width: 100%;}
.cover-plan-system span { color:#00aeed;}
*/


#home-box {float: left; width: 100%; margin:30px 0; text-align: center}
.home-box {float: left;width: 100%}
.home-box ul {margin: 0;padding: 0}
.home-box li {width: 31%;list-style: none;display: inline-block;padding: 0 15px}
.home-box li h2 {margin: 0;padding: 15px 0 0}
.home-box li li {padding: 0;padding: 0}


#home-box-boiler {float: left; width: 100%; margin:30px 0; text-align: center}
.home-box-boiler  {float: left;width: 100%}
.home-box-boiler  ul {margin: 0;padding: 0}
.home-box-boiler  li {width: 31%;list-style: none;display: inline-block;padding: 0 15px}
.home-box-boiler  li h2 {margin: 0;padding: 15px 0 0}
.home-box-boiler  li li {padding: 0;padding: 0}


div.gallery {margin: 5px;border: 0px solid #ccc;float: left;width: 180px;}
div.gallery:hover {border: 0px solid #777;}
div.gallery img { width: 100%;height: auto;}
div.desc {padding: 15px;text-align: center;}

#gas-safe-reg{float:left;width:100%;margin:0 0 30px}
.gas-safe-reg{float:left;width:100%;margin:0;padding:30px 0;border-top:0px solid #003f8b;border-bottom:0px solid #003f8b}
.gas-safe-reg-left{float:left;width:52%}
.gas-safe-reg-left h2{margin:0;padding:0;font-size:25px;color:#003f8b}
.gas-safe-reg-left h3{font-weight:700;color:#58585a;font-size:17px;line-height:24px;font-family:'Arial, Helvetica, sans-serif'}
.gas-safe-reg-left p{font-size:16px;line-height:24px}
.gas-safe-reg-img{float:right;margin-left:15px}
.gas-safe-reg-right{float:right;width:45%}

#table, th, td {
  border: 0px solid black;
  border-collapse: collapse;
}
#table, th, td {
  padding: 10px;
  text-align: right;    
}

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}